<!--dom增删改查 -->
<!--
	一般思想
	先获取指定节点，documen为文档第一个节点
	常用查询对象的语句有:
	document.getElementById()  @param:  id="thisId"
	document.getElementsByName() @param: name="thisName"  返回的是object NodeList
	document.getElementsByTagName()  @param: "div" "input"
	document.getElementsByClassName() @param: class="thisClassName" 返回object HTMLCollection


	修改CSS样式
	一般语法:
	object.style.css样式
	例子：obj.style.backgroundColor = "red";

	读取CSS样式
	按照不同浏览器分为正常浏览器及IE8以下
		正常浏览器:
		var obj = getComputedStyle(box1,null);
		obj.backgroundColor;
		或者
		getComputedStyle(box1,null).backgroundColor;

		IE8及以下
		box1.currentStyle.backgroundColor;
	注意：通过currentStyle和getComputedStyle读取的样式都是只读的	   ，不能修改
		
		若考虑兼容性可以使用以下模板：
			function getStyle(obj,name){
				if(window.getComputedStyle){
					rerturn getComputedStyle(obj,null)[name];
				}else{
					return obj.currentStyle[name];
				}

				//或者用三元表达式
				//return window.getComputedStyle?getComputedStyle(obj,null)[name]:obj.currentStyle[name];
			}

-->

<!--

关于for循环的重点

window.onload = function(){
	

	var allA = document.getElementsByTagName("a");

	for(var i = 0;i<allA.length;i++){
		
		//此处的i为0，1，2
		alter("for循环正在执行"+i);

		allA[i].onclick = function(){
			//此处的i永远为3
			alter("单击函数触发"+i);
		}
	}
}

解析：window.onload加载时，for循环正常执行，并为所有的allA绑定事件函数，
	但是该事件函数并没有因为单击而触发，等到用户点击按钮触发时，页面已经加载完成
	即for循环已经结束，i=3

-->



<!--

	javascript中断函数
	setInterval();

-->






<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
</html>